.message_details {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fafafa;
  .message_details_content {
    .message_details_header {
      margin: 30rpx auto;
      width: 200rpx;
      font-family: PingFang-SC-Light;
      font-size: 20rpx;
      font-weight: normal;
      font-stretch: normal;
      line-height: 40rpx;
      letter-spacing: 0rpx;
      color: #8c8c8c;
    }
    .message_details_body {
      width: 100%;
      height: 100%;
      padding: 0 28rpx 20rpx 28rpx;
      display: flex;
      .message_details_body_left {
        flex: 15%;
        .img {
          width: 80rpx;
          height: 80rpx;
        }
      }
      .message_details_body_middle {
        flex: 60%;
        padding: 20rpx;
        background: #fff;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: 0px 0px 6px 0px
        rgba(36, 31, 27, 0.08);
        border-radius: 20rpx;
        .message_details_body_middle_label {
          width: 50rpx;
          height: 50rpx;
          background: #fff;
          position: absolute;
          top: 30rpx;
          left: -20rpx;
          z-index: -999999999999;
          transform: rotate(45deg);
        }
        .message_details_body_middle_title {
          font-family: PingFang-SC-Regular;
          font-size: 24rpx;
          line-height: 40rpx;
          color: #575757;
          margin-bottom: 20rpx;
        }
        .message_details_body_middle_middle {
          width: 100%;
          font-family: PingFang-SC-Regular;
          font-size: 24rpx;
          line-height: 40rpx;
          color: #575757;
          text-indent: 2em;
        }
        .message_details_body_middle_bottom {
          margin-top: 30rpx;
          font-family: PingFang-SC-Regular;
          font-size: 24rpx;
          line-height: 40rpx;
          color: #575757;
        }
      }
      .message_details_body_right {
        flex: 15%;
      }
    }
  }
}
